<script setup lang="ts">

import {Close, FullScreen, Minus, Plus} from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {storeToRefs} from "pinia";
import {useSystemStore} from "@/stores/SystemStore.ts";
import ChartAsideHeader from '@/views/chat/AsideHeader.vue'
import ChartAsideMain from '@/views/chat/AsideMain.vue'
import ChartMainHeader from '@/views/chat/MainHeader.vue'
import ChartMainContent from '@/views/chat/MainContent.vue'



const systemStore = useSystemStore()
const {
  menu
} = storeToRefs(systemStore)

</script>

<template>
  <div>
    <el-container>
      <el-aside class="aside">
        <chart-aside-header/>
        <chart-aside-main/>
      </el-aside>
      <el-main class="main">
        <chart-main-header/>
        <chart-main-content/>
      </el-main>
    </el-container>
  </div>
</template>

<style scoped>

.aside {
  width: 200px;
}

.main {
  width: calc(100vw - 255px);
}

</style>